/*!
 * Tencent is pleased to support the open source community by making 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
 * Copyright (C) 2017-2019 THL A29 Limited, a Tencent company. All rights reserved.
 * Licensed under the MIT License (the "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://opensource.org/licenses/MIT
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 *
 */

$tableBorderColor: #dde4eb;
$tableBG: white;

$theaderBG: #fafbfd;
$theadHeight: 41px;
$theadFontColor: #333c48;
$theadFontSize: 14px;

$tbodyFontColor: #737987;
$tbodyFontSize: 14px;
$tbodyHeight: 41px;

$operationColor: #3c96ff;


$tbodyLargeRowHeight: 60px;

.devops-table {
    table-layout: fixed;
    background-color: $tableBG;
    font-size: $tbodyFontSize;
    border: 1px solid $tableBorderColor;
    text-align: left;
    width: 100%;

    &.large {
        tbody > tr {
            line-height: $tbodyLargeRowHeight;
        }
    }


    tbody {
        color: $tbodyFontColor;
        tr {
            border: 1px solid $tableBorderColor;
            line-height: $tbodyHeight;
            td {
                padding-left: 20px;
            }
            .table-operations {
                > .operation {
                    cursor: pointer;
                    color: $operationColor;
                    &:not(:last-child) {
                        margin-right: 10px;
                    }
                }
            }
        }
    }
    thead {
        background-color: $theaderBG;
        tr {
            color: $theadFontColor;
            line-height: $theadHeight;
            th {
                padding-left: 20px;
            }
        }
    }
}